<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Material Design Icons Demo</title>
        <link rel="stylesheet" href="../../common/css/material-design-icons/material-design-icons.min.css" />
        <style>
            * {
                font-family: '等距更纱黑体 SC', 'mononoki regular', monospace;
                cursor: default;
            }

            .material-icons {
                color: grey;
            }

            i:hover {
                color: grey;
            }
        </style>
    </head>
    <body>
        <div id="main">
            Type
            <button onclick="changeType('')">Regular</button>
            <button onclick="changeType('outlined')">Outlined</button>
            <button onclick="changeType('round')">Round</button>
            <button onclick="changeType('sharp')">Sharp</button>
            Size
            <button onclick="changeSize('md-18')">18</button>
            <button onclick="changeSize('md-24')">24</button>
            <button onclick="changeSize('md-36')">36</button>
            <button onclick="changeSize('md-48')">48</button>
            Theme
            <button onclick="changeTheme('')">None</button>
            <button onclick="changeTheme('md-light')">Light</button>
            <button onclick="changeTheme('md-dark')">Dark</button>
            Status
            <button onclick="changeActive('')">Active</button>
            <button onclick="changeActive('md-inactive')">Inactive</button>
        </div>
        <div id="selectIcon"></div>
        <div id="selectIconWrap"></div>
    </body>
    <script>
        let _type = '';
        let _size = '';
        let _theme = '';
        let _active = false;

        function changeType(type) {
            _type = type;
            refresh();
        }

        function changeSize(size) {
            _size = size;
            refresh();
        }

        function changeTheme(light) {
            if (light === 'md-light') {
                document.body.style.backgroundColor = '#333';
            } else {
                document.body.style.backgroundColor = '#fff';
            }
            _theme = light;
            refresh();
        }

        function changeActive(active) {
            _active = active;
            refresh();
        }

        function refresh() {
            let wrap = document.getElementById('icons');
            if (wrap) {
                wrap.remove();
            }
            wrap = document.createElement('div');
            wrap.id = 'icons';
            document.getElementById('main').appendChild(wrap);
            for (let type in icons) {
                let category = document.createElement('div');
                category.innerText = type;
                wrap.appendChild(category);
                for (let icon of icons[type]) {
                    let div = document.createElement('div');
                    div.style.display = 'inline-block';
                    div.innerHTML = `
                    <i onclick="selectIcon('${icon}')" class="material-icons ${_type} ${_size} ${_theme} ${_active}">${icon}</i>
                `;
                    wrap.appendChild(div);
                }
            }
        }

        function selectIcon(iconName) {
            let divWrap = document.getElementById('selectIconWrap');
            divWrap.style.display = 'block';
            divWrap.style.position = 'fixed';
            divWrap.style.zIndex = '5';
            divWrap.style.height = '100%';
            divWrap.style.top = '0';
            divWrap.style.width = '100%';
            document.getElementById('main').style.filter = 'blur(3px) brightness(1)';

            let div = document.getElementById('selectIcon');
            div.style.display = 'block';
            div.style.position = 'fixed';
            div.style.left = '50%';
            div.style.zIndex = '10';
            div.style.top = '50%';
            div.style.height = '200px';
            div.style.marginTop = '-100px';
            div.style.width = '200px';
            div.style.marginLeft = '-100px';
            div.style.border = 'black solid 1px';
            div.style.backgroundColor = '#fff';
            div.innerHTML = `
            <div style="text-align: center">
                <i style="font-size: 120px;line-height: 150px" onclick="selectIcon('${iconName}')" class="material-icons ${_type}">${iconName}</i>
            </div>
            <div style="text-align: center">
                <span>${iconName}</span>
            </div>
        `;
        }

        let divWrap = document.getElementById('selectIconWrap');
        divWrap.addEventListener('click', function () {
            document.getElementById('selectIconWrap').style.display = 'none';
            document.getElementById('selectIcon').style.display = 'none';
            document.getElementById('main').style.filter = 'none';
        });

        let icons = {
            action: [
                '3d_rotation',
                'accessibility',
                'accessibility_new',
                'accessible',
                'accessible_forward',
                'account_balance',
                'account_balance_wallet',
                'account_box',
                'account_circle',
                'add_shopping_cart',
                'alarm',
                'alarm_add',
                'alarm_off',
                'alarm_on',
                'all_inbox',
                'all_out',
                'android',
                'announcement',
                'arrow_right_alt',
                'aspect_ratio',
                'assessment',
                'assignment',
                'assignment_ind',
                'assignment_late',
                'assignment_return',
                'assignment_returned',
                'assignment_turned_in',
                'autorenew',
                'backup',
                'book',
                'bookmark',
                'bookmark_border',
                'bookmarks',
                'bug_report',
                'build',
                'cached',
                'calendar_today',
                'calendar_view_day',
                'camera_enhance',
                'cancel_schedule_send',
                'card_giftcard',
                'card_membership',
                'card_travel',
                'change_history',
                'check_circle',
                'check_circle_outline',
                'chrome_reader_mode',
                'class',
                'code',
                'commute',
                'compare_arrows',
                'contact_support',
                'contactless',
                'copyright',
                'credit_card',
                'dashboard',
                'date_range',
                'delete',
                'delete_forever',
                'delete_outline',
                'description',
                'dns',
                'done',
                'done_all',
                'done_outline',
                'donut_large',
                'donut_small',
                'drag_indicator',
                'eco',
                'eject',
                'euro_symbol',
                'event',
                'event_seat',
                'exit_to_app',
                'explore',
                'explore_off',
                'extension',
                'face',
                'favorite',
                'favorite_border',
                'feedback',
                'find_in_page',
                'find_replace',
                'fingerprint',
                'flight_land',
                'flight_takeoff',
                'flip_to_back',
                'flip_to_front',
                'g_translate',
                'gavel',
                'get_app',
                'gif',
                'grade',
                'group_work',
                'help',
                'help_outline',
                'highlight_off',
                'history',
                'home',
                'horizontal_split',
                'hourglass_empty',
                'hourglass_full',
                'http',
                'https',
                'important_devices',
                'info',
                'input',
                'invert_colors',
                'label',
                'label_important',
                'label_off',
                'language',
                'launch',
                'line_style',
                'line_weight',
                'list',
                'lock',
                'lock_open',
                'loyalty',
                'markunread_mailbox',
                'maximize',
                'minimize',
                'motorcycle',
                'note_add',
                'offline_bolt',
                'offline_pin',
                'opacity',
                'open_in_browser',
                'open_in_new',
                'open_with',
                'pageview',
                'pan_tool',
                'payment',
                'perm_camera_mic',
                'perm_contact_calendar',
                'perm_data_setting',
                'perm_device_information',
                'perm_identity',
                'perm_media',
                'perm_phone_msg',
                'perm_scan_wifi',
                'pets',
                'picture_in_picture',
                'picture_in_picture_alt',
                'play_for_work',
                'polymer',
                'power_settings_new',
                'pregnant_woman',
                'print',
                'query_builder',
                'question_answer',
                'receipt',
                'record_voice_over',
                'redeem',
                'remove_shopping_cart',
                'reorder',
                'report_problem',
                'restore',
                'restore_from_trash',
                'restore_page',
                'room',
                'rounded_corner',
                'rowing',
                'schedule',
                'search',
                'settings_applications',
                'settings_backup_restore',
                'settings_bluetooth',
                'settings_brightness',
                'settings_cell',
                'settings_ethernet',
                'settings_input_antenna',
                'settings_input_component',
                'settings_input_composite',
                'settings_input_hdmi',
                'settings_input_svideo',
                'settings_overscan',
                'settings_phone',
                'settings_power',
                'settings_remote',
                'settings_voice',
                'shop',
                'shop_two',
                'shopping_basket',
                'shopping_cart',
                'speaker_notes',
                'speaker_notes_off',
                'spellcheck',
                'stars',
                'store',
                'subject',
                'supervised_user_circle',
                'supervisor_account',
                'swap_horiz',
                'swap_horizontal_circle',
                'swap_vert',
                'swap_vertical_circle',
                'sync_alt',
                'system_update_alt',
                'tab',
                'tab_unselected',
                'text_rotate_up',
                'text_rotate_vertical',
                'text_rotation_angledown',
                'text_rotation_angleup',
                'text_rotation_down',
                'text_rotation_none',
                'theaters',
                'thumb_down',
                'thumb_up',
                'thumbs_up_down',
                'timeline',
                'toc',
                'today',
                'toll',
                'touch_app',
                'track_changes',
                'translate',
                'trending_down',
                'trending_flat',
                'trending_up',
                'turned_in',
                'turned_in_not',
                'update',
                'verified_user',
                'vertical_split',
                'view_agenda',
                'view_array',
                'view_carousel',
                'view_column',
                'view_day',
                'view_headline',
                'view_list',
                'view_module',
                'view_quilt',
                'view_stream',
                'view_week',
                'visibility',
                'visibility_off',
                'voice_over_off',
                'watch_later',
                'work',
                'work_off',
                'work_outline',
                'youtube_searched_for',
                'zoom_in',
                'zoom_out'
            ],
            alert: ['add_alert', 'error', 'error_outline', 'notification_important', 'warning'],
            av: [
                '4k',
                'add_to_queue',
                'airplay',
                'album',
                'art_track',
                'av_timer',
                'branding_watermark',
                'call_to_action',
                'closed_caption',
                'control_camera',
                'equalizer',
                'explicit',
                'fast_forward',
                'fast_rewind',
                'featured_play_list',
                'featured_video',
                'fiber_dvr',
                'fiber_manual_record',
                'fiber_new',
                'fiber_pin',
                'fiber_smart_record',
                'forward_10',
                'forward_30',
                'forward_5',
                'games',
                'hd',
                'hearing',
                'high_quality',
                'library_add',
                'library_books',
                'library_music',
                'loop',
                'mic',
                'mic_none',
                'mic_off',
                'missed_video_call',
                'movie',
                'music_video',
                'new_releases',
                'not_interested',
                'note',
                'pause',
                'pause_circle_filled',
                'pause_circle_outline',
                'play_arrow',
                'play_circle_filled',
                'play_circle_outline',
                'playlist_add',
                'playlist_add_check',
                'playlist_play',
                'queue',
                'queue_music',
                'queue_play_next',
                'radio',
                'recent_actors',
                'remove_from_queue',
                'repeat',
                'repeat_one',
                'replay',
                'replay_10',
                'replay_30',
                'replay_5',
                'shuffle',
                'skip_next',
                'skip_previous',
                'slow_motion_video',
                'snooze',
                'sort_by_alpha',
                'speed',
                'stop',
                'subscriptions',
                'subtitles',
                'surround_sound',
                'video_call',
                'video_label',
                'video_library',
                'videocam',
                'videocam_off',
                'volume_down',
                'volume_mute',
                'volume_off',
                'volume_up',
                'web',
                'web_asset'
            ],
            communication: [
                'business',
                'call',
                'call_end',
                'call_made',
                'call_merge',
                'call_missed',
                'call_missed_outgoing',
                'call_received',
                'call_split',
                'cancel_presentation',
                'chat',
                'chat_bubble',
                'chat_bubble_outline',
                'clear_all',
                'comment',
                'contact_mail',
                'contact_phone',
                'contacts',
                'desktop_access_disabled',
                'dialer_sip',
                'dialpad',
                'domain_disabled',
                'duo',
                'email',
                'forum',
                'import_contacts',
                'import_export',
                'invert_colors_off',
                'list_alt',
                'live_help',
                'mail_outline',
                'message',
                'mobile_screen_share',
                'no_sim',
                'pause_presentation',
                'person_add_disabled',
                'phone',
                'phone_disabled',
                'phone_enabled',
                'phonelink_erase',
                'phonelink_lock',
                'phonelink_ring',
                'phonelink_setup',
                'portable_wifi_off',
                'present_to_all',
                'print_disabled',
                'ring_volume',
                'rss_feed',
                'screen_share',
                'sentiment_satisfied_alt',
                'speaker_phone',
                'stay_current_landscape',
                'stay_current_portrait',
                'stay_primary_landscape',
                'stay_primary_portrait',
                'stop_screen_share',
                'swap_calls',
                'textsms',
                'unsubscribe',
                'voicemail',
                'vpn_key'
            ],
            content: [
                'add',
                'add_box',
                'add_circle',
                'add_circle_outline',
                'amp_stories',
                'archive',
                'backspace',
                'ballot',
                'block',
                'clear',
                'create',
                'delete_sweep',
                'drafts',
                'dynamic_feed',
                'file_copy',
                'filter_list',
                'flag',
                'font_download',
                'forward',
                'gesture',
                'how_to_reg',
                'how_to_vote',
                'inbox',
                'link',
                'link_off',
                'low_priority',
                'mail',
                'markunread',
                'move_to_inbox',
                'next_week',
                'outlined_flag',
                'policy',
                'redo',
                'remove',
                'remove_circle',
                'remove_circle_outline',
                'reply',
                'reply_all',
                'report',
                'report_off',
                'save',
                'save_alt',
                'select_all',
                'send',
                'sort',
                'square_foot',
                'text_format',
                'unarchive',
                'undo',
                'waves',
                'where_to_vote'
            ],
            device: [
                'access_alarm',
                'access_alarms',
                'access_time',
                'add_alarm',
                'add_to_home_screen',
                'airplanemode_active',
                'airplanemode_inactive',
                'battery_alert',
                'battery_charging_full',
                'battery_full',
                'battery_std',
                'battery_unknown',
                'bluetooth',
                'bluetooth_connected',
                'bluetooth_disabled',
                'bluetooth_searching',
                'brightness_auto',
                'brightness_high',
                'brightness_low',
                'brightness_medium',
                'data_usage',
                'developer_mode',
                'devices',
                'dvr',
                'gps_fixed',
                'gps_not_fixed',
                'gps_off',
                'graphic_eq',
                'location_disabled',
                'location_searching',
                'mobile_friendly',
                'mobile_off',
                'nfc',
                'screen_lock_landscape',
                'screen_lock_portrait',
                'screen_lock_rotation',
                'screen_rotation',
                'sd_storage',
                'settings_system_daydream',
                'signal_cellular_4_bar',
                'signal_cellular_alt',
                'signal_cellular_connected_no_internet_4_bar',
                'signal_cellular_no_sim',
                'signal_cellular_null',
                'signal_cellular_off',
                'signal_wifi_4_bar',
                'signal_wifi_4_bar_lock',
                'signal_wifi_off',
                'storage',
                'usb',
                'wallpaper',
                'widgets',
                'wifi_lock',
                'wifi_tethering'
            ],
            editor: [
                'add_comment',
                'attach_file',
                'attach_money',
                'bar_chart',
                'border_all',
                'border_bottom',
                'border_clear',
                'border_horizontal',
                'border_inner',
                'border_left',
                'border_outer',
                'border_right',
                'border_style',
                'border_top',
                'border_vertical',
                'bubble_chart',
                'drag_handle',
                'format_align_center',
                'format_align_justify',
                'format_align_left',
                'format_align_right',
                'format_bold',
                'format_clear',
                'format_color_reset',
                'format_indent_decrease',
                'format_indent_increase',
                'format_italic',
                'format_line_spacing',
                'format_list_bulleted',
                'format_list_numbered',
                'format_list_numbered_rtl',
                'format_paint',
                'format_quote',
                'format_shapes',
                'format_size',
                'format_strikethrough',
                'format_textdirection_l_to_r',
                'format_textdirection_r_to_l',
                'format_underlined',
                'functions',
                'height',
                'highlight',
                'insert_chart',
                'insert_chart_outlined',
                'insert_comment',
                'insert_drive_file',
                'insert_emoticon',
                'insert_invitation',
                'insert_link',
                'insert_photo',
                'linear_scale',
                'merge_type',
                'mode_comment',
                'monetization_on',
                'money_off',
                'multiline_chart',
                'notes',
                'pie_chart',
                'post_add',
                'publish',
                'scatter_plot',
                'score',
                'short_text',
                'show_chart',
                'space_bar',
                'strikethrough_s',
                'table_chart',
                'text_fields',
                'title',
                'vertical_align_bottom',
                'vertical_align_center',
                'vertical_align_top',
                'wrap_text'
            ],
            file: [
                'attachment',
                'cloud',
                'cloud_circle',
                'cloud_done',
                'cloud_download',
                'cloud_off',
                'cloud_queue',
                'cloud_upload',
                'create_new_folder',
                'folder',
                'folder_open',
                'folder_shared'
            ],
            hardware: [
                'cast',
                'cast_connected',
                'computer',
                'desktop_mac',
                'desktop_windows',
                'developer_board',
                'device_hub',
                'device_unknown',
                'devices_other',
                'dock',
                'gamepad',
                'headset',
                'headset_mic',
                'keyboard',
                'keyboard_arrow_down',
                'keyboard_arrow_left',
                'keyboard_arrow_right',
                'keyboard_arrow_up',
                'keyboard_backspace',
                'keyboard_capslock',
                'keyboard_hide',
                'keyboard_return',
                'keyboard_tab',
                'keyboard_voice',
                'laptop',
                'laptop_chromebook',
                'laptop_mac',
                'laptop_windows',
                'memory',
                'mouse',
                'phone_android',
                'phone_iphone',
                'phonelink',
                'phonelink_off',
                'power_input',
                'router',
                'scanner',
                'security',
                'sim_card',
                'smartphone',
                'speaker',
                'speaker_group',
                'tablet',
                'tablet_android',
                'tablet_mac',
                'toys',
                'tv',
                'videogame_asset',
                'watch'
            ],
            image: [
                'add_a_photo',
                'add_photo_alternate',
                'add_to_photos',
                'adjust',
                'assistant',
                'assistant_photo',
                'audiotrack',
                'blur_circular',
                'blur_linear',
                'blur_off',
                'blur_on',
                'brightness_1',
                'brightness_2',
                'brightness_3',
                'brightness_4',
                'brightness_5',
                'brightness_6',
                'brightness_7',
                'broken_image',
                'brush',
                'burst_mode',
                'camera',
                'camera_alt',
                'camera_front',
                'camera_rear',
                'camera_roll',
                'center_focus_strong',
                'center_focus_weak',
                'collections',
                'collections_bookmark',
                'color_lens',
                'colorize',
                'compare',
                'control_point',
                'control_point_duplicate',
                'crop',
                'crop_16_9',
                'crop_3_2',
                'crop_5_4',
                'crop_7_5',
                'crop_din',
                'crop_free',
                'crop_landscape',
                'crop_original',
                'crop_portrait',
                'crop_rotate',
                'crop_square',
                'dehaze',
                'details',
                'edit',
                'euro',
                'exposure',
                'exposure_neg_1',
                'exposure_neg_2',
                'exposure_plus_1',
                'exposure_plus_2',
                'exposure_zero',
                'filter',
                'filter_1',
                'filter_2',
                'filter_3',
                'filter_4',
                'filter_5',
                'filter_6',
                'filter_7',
                'filter_8',
                'filter_9',
                'filter_9_plus',
                'filter_b_and_w',
                'filter_center_focus',
                'filter_drama',
                'filter_frames',
                'filter_hdr',
                'filter_none',
                'filter_tilt_shift',
                'filter_vintage',
                'flare',
                'flash_auto',
                'flash_off',
                'flash_on',
                'flip',
                'flip_camera_android',
                'flip_camera_ios',
                'gradient',
                'grain',
                'grid_off',
                'grid_on',
                'hdr_off',
                'hdr_on',
                'hdr_strong',
                'hdr_weak',
                'healing',
                'image',
                'image_aspect_ratio',
                'image_search',
                'iso',
                'landscape',
                'leak_add',
                'leak_remove',
                'lens',
                'linked_camera',
                'looks',
                'looks_3',
                'looks_4',
                'looks_5',
                'looks_6',
                'looks_one',
                'looks_two',
                'loupe',
                'monochrome_photos',
                'movie_creation',
                'movie_filter',
                'music_note',
                'music_off',
                'nature',
                'nature_people',
                'navigate_before',
                'navigate_next',
                'palette',
                'panorama',
                'panorama_fish_eye',
                'panorama_horizontal',
                'panorama_vertical',
                'panorama_wide_angle',
                'photo',
                'photo_album',
                'photo_camera',
                'photo_filter',
                'photo_library',
                'photo_size_select_actual',
                'photo_size_select_large',
                'photo_size_select_small',
                'picture_as_pdf',
                'portrait',
                'remove_red_eye',
                'rotate_90_degrees_ccw',
                'rotate_left',
                'rotate_right',
                'shutter_speed',
                'slideshow',
                'straighten',
                'style',
                'switch_camera',
                'switch_video',
                'tag_faces',
                'texture',
                'timelapse',
                'timer',
                'timer_10',
                'timer_3',
                'timer_off',
                'tonality',
                'transform',
                'tune',
                'view_comfy',
                'view_compact',
                'vignette',
                'wb_auto',
                'wb_cloudy',
                'wb_incandescent',
                'wb_iridescent',
                'wb_sunny'
            ],
            maps: [
                '360',
                'atm',
                'beenhere',
                'category',
                'compass_calibration',
                'departure_board',
                'directions',
                'directions_bike',
                'directions_boat',
                'directions_bus',
                'directions_car',
                'directions_railway',
                'directions_run',
                'directions_subway',
                'directions_transit',
                'directions_walk',
                'edit_attributes',
                'ev_station',
                'fastfood',
                'flight',
                'hotel',
                'layers',
                'layers_clear',
                'local_activity',
                'local_airport',
                'local_atm',
                'local_bar',
                'local_cafe',
                'local_car_wash',
                'local_convenience_store',
                'local_dining',
                'local_drink',
                'local_florist',
                'local_gas_station',
                'local_grocery_store',
                'local_hospital',
                'local_hotel',
                'local_laundry_service',
                'local_library',
                'local_mall',
                'local_movies',
                'local_offer',
                'local_parking',
                'local_pharmacy',
                'local_phone',
                'local_pizza',
                'local_play',
                'local_post_office',
                'local_printshop',
                'local_see',
                'local_shipping',
                'local_taxi',
                'map',
                'menu_book',
                'money',
                'museum',
                'my_location',
                'navigation',
                'near_me',
                'person_pin',
                'rate_review',
                'restaurant',
                'restaurant_menu',
                'satellite',
                'store_mall_directory',
                'streetview',
                'subway',
                'terrain',
                'traffic',
                'train',
                'tram',
                'transfer_within_a_station',
                'transit_enterexit',
                'trip_origin',
                'zoom_out_map'
            ],
            navigation: [
                'apps',
                'arrow_back',
                'arrow_back_ios',
                'arrow_downward',
                'arrow_drop_down',
                'arrow_drop_down_circle',
                'arrow_drop_up',
                'arrow_forward',
                'arrow_forward_ios',
                'arrow_left',
                'arrow_right',
                'arrow_upward',
                'cancel',
                'check',
                'chevron_left',
                'chevron_right',
                'close',
                'double_arrow',
                'expand_less',
                'expand_more',
                'first_page',
                'fullscreen',
                'fullscreen_exit',
                'home_work',
                'last_page',
                'menu',
                'menu_open',
                'more_horiz',
                'more_vert',
                'refresh',
                'subdirectory_arrow_left',
                'subdirectory_arrow_right',
                'unfold_less',
                'unfold_more'
            ],
            notification: [
                'account_tree',
                'adb',
                'airline_seat_flat',
                'airline_seat_flat_angled',
                'airline_seat_individual_suite',
                'airline_seat_legroom_extra',
                'airline_seat_legroom_normal',
                'airline_seat_legroom_reduced',
                'airline_seat_recline_extra',
                'airline_seat_recline_normal',
                'bluetooth_audio',
                'confirmation_number',
                'disc_full',
                'drive_eta',
                'enhanced_encryption',
                'event_available',
                'event_busy',
                'event_note',
                'folder_special',
                'live_tv',
                'mms',
                'more',
                'network_check',
                'network_locked',
                'no_encryption',
                'ondemand_video',
                'personal_video',
                'phone_bluetooth_speaker',
                'phone_callback',
                'phone_forwarded',
                'phone_in_talk',
                'phone_locked',
                'phone_missed',
                'phone_paused',
                'power',
                'power_off',
                'priority_high',
                'sd_card',
                'sms',
                'sms_failed',
                'sync',
                'sync_disabled',
                'sync_problem',
                'system_update',
                'tap_and_play',
                'time_to_leave',
                'tv_off',
                'vibration',
                'voice_chat',
                'vpn_lock',
                'wc',
                'wifi',
                'wifi_off'
            ],
            places: [
                'ac_unit',
                'airport_shuttle',
                'all_inclusive',
                'apartment',
                'bathtub',
                'beach_access',
                'business_center',
                'casino',
                'child_care',
                'child_friendly',
                'fitness_center',
                'free_breakfast',
                'golf_course',
                'hot_tub',
                'house',
                'kitchen',
                'meeting_room',
                'no_meeting_room',
                'pool',
                'room_service',
                'rv_hookup',
                'smoke_free',
                'smoking_rooms',
                'spa',
                'storefront'
            ],
            social: [
                'cake',
                'deck',
                'emoji_emotions',
                'emoji_events',
                'emoji_flags',
                'emoji_food_beverage',
                'emoji_nature',
                'emoji_objects',
                'emoji_people',
                'emoji_symbols',
                'emoji_transportation',
                'fireplace',
                'group',
                'group_add',
                'king_bed',
                'location_city',
                'mood',
                'mood_bad',
                'nights_stay',
                'notifications',
                'notifications_active',
                'notifications_none',
                'notifications_off',
                'notifications_paused',
                'outdoor_grill',
                'pages',
                'party_mode',
                'people',
                'people_alt',
                'people_outline',
                'person',
                'person_add',
                'person_outline',
                'plus_one',
                'poll',
                'public',
                'school',
                'sentiment_dissatisfied',
                'sentiment_satisfied',
                'sentiment_very_dissatisfied',
                'sentiment_very_satisfied',
                'share',
                'single_bed',
                'sports',
                'sports_baseball',
                'sports_basketball',
                'sports_cricket',
                'sports_esports',
                'sports_football',
                'sports_golf',
                'sports_handball',
                'sports_hockey',
                'sports_kabaddi',
                'sports_mma',
                'sports_motorsports',
                'sports_rugby',
                'sports_soccer',
                'sports_tennis',
                'sports_volleyball',
                'thumb_down_alt',
                'thumb_up_alt',
                'whatshot'
            ],
            toggle: [
                'check_box',
                'check_box_outline_blank',
                'indeterminate_check_box',
                'radio_button_checked',
                'radio_button_unchecked',
                'star',
                'star_border',
                'star_half',
                'toggle_off',
                'toggle_on'
            ]
        };

        refresh();
    </script>
</html>
